.right-plus {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  .right-cancel {
    color: #1679fb;
    font-size: 26rpx;
    font-weight: bold;
  }
}
.right-plus {
  margin-right: 10rpx;
  image {
    width: 48rpx;
    height: 48rpx;
  }
}

.content {
  padding: 0rpx 0rpx 10rpx 0rpx;

  .search {
    padding-top: 12rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 30rpx;
    padding-right: 30rpx;
    background-color: #ffffff;
    padding-bottom: 12rpx;
    position: sticky;
    left: 0;
    top: 88rpx;
    z-index: 100;
    .search-left {
      width: 498rpx;
      background: #f2f3f5;
      border: 0rpx solid #000000;
      position: relative;
      border-radius: 1rpx;
      input {
        width: 100%;
        padding-left: 60rpx;
        height: 64rpx;
        // line-height: 64rpx;
        font-size: 24rpx;
        box-sizing: border-box;
      }
      .search-icon {
        position: absolute;
        top: 15rpx;
        left: 15rpx;
      }
    }
    .search-right {
      margin-left: 20rpx;
    }
  }
}

.goods {
  padding: 0 8rpx;
  margin-top: 14rpx;
  display: flex;
  flex-wrap: wrap;
  .goods-item {
    width: 33.3%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 16rpx;

    .goods-item-img {
      width: 228rpx;
      height: 228rpx;
      background-color: #ffffff;
      position: relative;
      image {
        width: 100%;
        height: 100%;
      }
      .goods-item-cz {
        position: absolute;
        top: 0;
        right: 0;
        padding: 8rpx 10rpx;
        border-bottom-left-radius: 15rpx;
        background-color: rgba($color: #000000, $alpha: 0.5);
        z-index: 1;
        color: white;
        font-size: 20rpx;
      }
    }
    .goods-item-info {
      width: 228rpx;
      background-color: #ffffff;
      padding-top: 12rpx;
      border-radius: 0 0 8rpx 8rpx;
    }
    .goods-item-info-title {
      font-weight: bold;
      font-size: 24rpx;
      color: #1d2129;
      line-height: 34rpx;
      padding-left: 18rpx;
      padding-right: 18rpx;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      // display: -webkit-box;
      // -webkit-line-clamp: 2;
      // -webkit-box-orient: vertical
    }
    .goods-item-info-price {
      padding-top: 14rpx;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-left: 18rpx;
      padding-right: 18rpx;
      padding-bottom: 12rpx;
      font-weight: 500;
      font-size: 24rpx;
      color: #ff5722;
      line-height: 34rpx;
      .price {
        font-size: 34rpx;
        text {
          font-size: 22rpx;
        }
        .unit {
          font-size: 22rpx;
          color: #8b8b8b;
        }
      }
    }
    .pay_num {
      position: relative;
      .box {
        position: absolute;
        z-index: 1;
        top: -10rpx;
        left: 19rpx;
      }
    }
  }
}

//页脚
.bt_form {
  width: 100%;
  position: fixed;
  border-top: 1rpx solid #e5e6eb;
  left: 0;
  bottom: 0;
  background-color: white;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  z-index: 99999;

  .bt_form_k {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .bt_pay {
    font-weight: 500;
    font-size: 30rpx;
    color: #ffffff;
    line-height: 42rpx;
    background-color: #1679fb;
    padding: 32rpx 64rpx;
  }
  .no_bt_pay {
    background-color: #b9b9b9;
  }
  .bt_form_k_left {
    padding-left: 30rpx;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    .icon_car {
      position: relative;
      image {
        width: 72rpx;
        height: 72rpx;
      }
      .box {
        position: absolute;
        top: -2rpx;
        left: 50rpx;
      }
    }
    .price {
      font-weight: bolder;
      font-size: 44rpx;
      color: #ff5722;
      line-height: 62rpx;
      text-align: left;
      margin-left: 16rpx;
      text {
        font-weight: bold;
        font-size: 24rpx;
        color: #ff5722;
        line-height: 34rpx;
      }
    }
  }
}

//改价
.PayKeyboard-k {
  background-color: #ffffff;
  padding-top: 30rpx;
  border-radius: 20rpx 20rpx 0 0;
  position: relative;
  .icon-top {
    position: absolute;
    top: 32rpx;
    right: 34rpx;
  }
  .PayKeyboard-k-title {
    padding-left: 30rpx;
    padding-right: 80rpx;
    font-weight: bold;
    font-size: 32rpx;
    color: #1d2129;
    line-height: 44rpx;
    text-align: left;
  }
  .PayKeyboard-k-des {
    font-weight: 400;
    font-size: 24rpx;
    color: #666666;
    line-height: 34rpx;
    text-align: left;
    padding-left: 30rpx;
    padding-right: 30rpx;
  }
  .link-to {
    width: 100%;
    height: 1rpx;
    background-color: #e5e5e5;
    margin-top: 30rpx;
  }
  .PayKeyboard-k-num {
    padding-top: 28rpx;
    padding-left: 30rpx;
    padding-right: 30rpx;
    .PayKeyboard-k-num-title {
      font-weight: 400;
      font-size: 28rpx;
      color: #86909c;
      line-height: 34rpx;
      text-align: left;
    }
    .PayKeyboard-k-num-input-text {
      display: flex;
      justify-content: flex-start;
      align-items: flex-end;
      font-size: 72rpx;
      .num-view {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-weight: bold;
        font-size: 72rpx;
        color: #ff5722;
        line-height: 72rpx;

        text:first-child {
        }
      }
      .input_lin {
        width: 1rpx;
        height: 72rpx;
        background-color: rgb(22, 121, 251);
        animation: cursorImg 1s infinite steps(1, start);

        @keyframes cursorImg {
          0%,
          100% {
            opacity: 0;
          }

          50% {
            opacity: 1;
          }
        }
      }
    }
    .input {
      font-weight: bold;
      font-size: 72rpx;
      color: #ff5722;
      line-height: 72rpx;
    }
    ::v-deep .uni-input-placeholder {
      line-height: 72rpx;
    }
  }
}

.popupcontent {
  // padding-bottom: 150rpx;

  position: relative;
  .popupcontent-title {
    font-weight: bold;
    font-size: 32rpx;
    color: #1d2129;
    line-height: 44rpx;
    text-align: center;
    padding-top: 30rpx;
    padding-bottom: 30rpx;
    border-bottom: 1rpx solid #e5e5e5;
  }
  .popupcontent-title-right {
    position: absolute;
    top: 34rpx;
    right: 30rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 28rpx;
    color: #86909c;
    line-height: 40rpx;
    text-align: right;
  }
  .content-item {
    display: flex;
    justify-content: center;
    padding-bottom: 20rpx;
    padding-top: 20rpx;
    padding-left: 24rpx;
    padding-right: 24rpx;
    border-bottom: 1rpx solid #e5e6eb;
    .content-item-left {
      position: relative;
      width: 180rpx;
      height: 180rpx;
      border-radius: 8rpx;
      image {
        width: 100%;
        height: 100%;
        border-radius: 8rpx;
      }
      .goods-item-cz {
        position: absolute;
        top: 0;
        right: 0;
        padding: 8rpx 10rpx;
        border-bottom-left-radius: 15rpx;
        background-color: rgba($color: #000000, $alpha: 0.5);
        z-index: 1;
        color: white;
        font-size: 20rpx;
      }
    }
    .content-item-right {
      padding-left: 24rpx;
      flex: 1;
      .content-item-right-title {
        font-weight: bold;
        font-size: 30rpx;
        color: #1d2129;
        line-height: 42rpx;
        text-align: left;
      }
      .content-item-right-num {
        display: flex;
        justify-content: space-between;
        padding-top: 16rpx;
        .content-item-right-num-left {
          font-weight: 400;
          font-size: 20rpx;
          color: #86909c;
          line-height: 28rpx;
        }
      }
      .content-item-right-price {
        padding-top: 4rpx;
        font-weight: bold;
        font-size: 28rpx;
        color: #ff5722;
        line-height: 40rpx;
        text-align: left;
        text {
          font-size: 20rpx;
        }
      }
    }
  }
  .content-item:last-child {
    border-bottom: none;
  }
}

.scroll-Y {
  // height: 0vh;
  max-height: 60vh;
}

//无数据
.noData {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 20%;
  image {
    width: 356rpx;
    height: 356rpx;
  }
  .noData-img {
    view {
      font-weight: 400;
      font-size: 24rpx;
      color: #1d2129;
      line-height: 34rpx;
      text-align: center;
    }
  }
}

@keyframes input {
  0% {
    display: block;
  }
  50% {
    display: none;
  }
  100% {
    display: block;
  }
}

.show-camera {
  width: 100%;
  position: fixed;
  z-index: 9999999;
  top: 0rpx;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  margin: 0 auto;
  margin-top: 120rpx;

  .show-camera-k {
    width: 80%;
    margin: 0 auto;
    margin-top: 60rpx;
    padding: 30rpx;
    color: #000000;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 20rpx;

    .show-sm {
      font-weight: bold;
      font-size: 26rpx;
    }

    .show-des {
      margin-top: 10rpx;
      font-size: 22rpx;
    }
  }
}
